<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

    </style>
</head>
<body>
<div id="div1"></div>

<script>
    var num=10;                                                                                               //初始化计数器
    var num2 = 3;
    document.getElementById("div1").innerHTML=num+"秒"; //在页面中显示10秒
    var tim = setInterval(function (){                     //定义匿名函数，
        num--;         //函数每调用一次num减一
        document.getElementById("div1").innerHTML=num2 +"分" + num+"秒";   //在页面中显示减一后的秒数
        if(num == 0){//当num变为1的时候，通过 clearInterval()结束倒计时
            num2--;
            clearInterval(tim);
        }
    },1000);                //每隔一秒执行一次该匿名函数
</script>
</body>
</html>